<template>
  <!-- 设置 -->
  <div
    class="hover:bg-[rgba(0,0,0,0.06)] hover:dark:bg-[rgba(255,255,255,0.1)] koi-icon w-36px h-36px rounded-md flex flex-justify-center flex-items-center koi-rotate-i"
    @click="handleThemeDialog"
  >
    <el-tooltip :content="$t('header.settings')">
      <KoiGlobalIcon name="koi-setting" size="20" />
    </el-tooltip>
  </div>
</template>

<script setup lang="ts">
import mittBus from "@/utils/mittBus.ts";

/** 打开主题配置 */
const handleThemeDialog = () => {
   mittBus.emit("handleThemeConfig");
};
</script>

<style lang="scss" scoped></style>
